import React from 'react'

export default function List(props) {
  return (
    <div className="row">
      {props.users.map((userObj) => {
        return (
          <div className="card" key={userObj.id}>
          <a href={userObj.html_url} target="_blank" rel="noreferrer">
            <img alt='avatar'  src={userObj.avatar_url} style={{width: '100px'}}/>
          </a>
          <p className="card-text">{userObj.login}</p>
        </div>
        )
      })}
  </div>
  )
}
